// 登录界面
import res from '../../utils/request.js'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    phone: '',
    password: ''
  },

  // 将数据存储本地

  // 表单项内容发生改变的回调
  handleInput: function(event) {
    // 事件绑定 
    // let type = event.currentTarget.id;  //id传值  取值:phone ||password
    let type = event.currentTarget.dataset.type;

    this.setData({
      [type]: event.detail.value
    })
    // console.log(type,event.detail.value)  
  },
  async login() {
    // 1.收集表单项的数据
    let {
      phone,
      password
    } = this.data;

    /*
    2.前端验证
      1.内容为空
      2.手机号格式不正确
      3.手机号格式正确,验证通过
    */

    if (!phone) {
      wx.showToast({
        title: '手机号不能为空',
        icon: "none"
      })
      return;
    }

    if (!password) {
      wx.showToast({
        title: '密码不能为空',
        icon: 'none'
      })
      return;
    }
    // 定义正则表达式
    let phoneReg = /^1(8|3|5|6|7|8|9)\d{9}$/;
    if (!phoneReg.test(phone)) {
      wx.showToast({
        title: '手机格式不对劲',
        icon: 'none'
      })
      return;
    }

    // 后端验证
    let result = await new res('/login/cellphone', {
      phone,
      password
    })
    if (result.code === 200) {
      wx.showToast({
        title: '登录成功小王八蛋',
      })
      wx.setStorageSync("userinfo", JSON.stringify(result.profile)),

        wx.reLaunch({
          url: '/pages/personal/personal',
        })
    } else if (result.code === 400) {
      wx.showToast({
        title: '手机号错误',
        icon: 'none'
      })
    } else if (result.code === 502) {
      wx.showToast({
        title: '密码错误',
        icon: 'none'
      })
    } else {
      wx.showToast({
        title: '登录失败,重新登录',
        icon: 'none'
      })
    }
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  }
})